<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="淘宝">
    <meta name="description" content="淘宝">
    <title>淘宝</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
            color: blue;
            text-decoration: none;
        }
        .box{
            width: 1000px;
            margin: 30px auto 0;
            display: flex;
            flex-wrap: wrap; 
        }
        .box a{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 200px;
            height: 75px;
            border-right:1px dashed #ccc ;
            border-bottom: 1px dashed #ccc ;
            box-sizing: border-box;
        }
        /*清空最右侧5 10 15虚线边框*/
        .box a:nth-child(5n+5){
            border-right: none;
        }
        /*清空第三排底部虚线边框*/
        .box a:nth-last-child(-n+5){
            border-bottom: none;
        }
        /* .box a:nth-last-child(6)~a {
            border-bottom: none;
        }  */

    </style>
</head>
<body>
    <div class="box">
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
        <a href="#"><img src="./image/tb.png"></a>
    </div>
</body>
</html>